<template>
  <div class="welcome">
    <h2>Welcome</h2>
    <h3>欢迎登录!</h3>
    <div class="info">
      <h4></h4>
      <ul>
        <li>
          <a href="#"
            ></a
          ><span>-</span>
          电商后台管理系统
          <img
            style="height: 200px"
            src=""
            alt=""
          />
        </li>
        <li>
          <a href="#" target="_blank"></a
          ><span></span>
        </li>
        <li>
          <a
            href="#"
            target="_blank"
            ></a
          ><span></span>
        </li>
        <li>
          <a href="#" target="_blank"></a
          ><span></span>
        </li>
        <li>
          <a href="#" target="_blank"></a
          ><span></span>
        </li>
        <li></li>
        <li>
          <a href="#" target="_blank"></a
          ><span
            ><a
              href="#"
              target="_blank"
              ></a
            ></span
          >
        </li>
        <li>
          <a href="#"></a
          ><span></span>
        </li>
        <li>
          <a href="#"></a
          ><span
            >
            <a
              href="#"
              ></a
            ></span
          >
        </li>
        <li>
          <a href="#"></a
          ><span
            ><a
              href="#"
              ></a
            ></span
          >
        </li>
      </ul>
    </div>
    <address></address>
  </div>
</template>

<script>
export default {
  name: 'Welcome'
}
</script>

<style lang="less" scoped>
.welcome {
  font-size: 20px;
  text-align: center;
  color: pink;
  h3 {
    margin: 0 auto 0;
    font-size: 30px;
  }
  .info {
    margin: 5px 0 10px;
    ul {
      margin: 5px 0 0 150px;
      li {
        margin: 5px 0 50px;
        text-align: left;
        margin: 8px;
        color: black;
        a {
          text-align: center;
          display: inline-block;
          padding: 0px;
          font-size: 18px;
          border: 3px solid #eaedf1;
        }
        a:hover {
          color: pink;
          background-color: green;
        }
        span {
          width: 100%;
          margin-left: 10px;
        }
      }
    }
  }
}
</style>
